<template>
  <div class="model">
    <div class="mask">
      <div class="model-bg"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "model",
};
</script>

<style lang="scss" scoped>
.model {
  width: 100%;
  height: 100%;
  .mask {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba($color: #333, $alpha: 0.8);
    .model-bg {
      width: 7.893333rem;
      height: 9.693333rem;
      background: url("../../static/img/model-bg.png") no-repeat center;
      background-size: contain;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
  }
}
</style>